@charset "utf-8";

@import "quote/class.less";
@import "quote/color.less";


body{

}

#banner{
  .bannerImg{width:100%}
}

//资料信息模块
#main-sign{
  position: relative;
  width:90%;
  margin-top: -1rem;
  margin-left: auto;
  margin-right:auto;
  z-index: 3;
  .sign-item{
    .item-list{display: inline-block;vertical-align: middle;}
    .sign-img{
      width:6.2rem;
      height:6.2rem;
      border-radius:3.1rem;
      box-shadow:0px 0px 0px 3px @cf;
    }
    .sign-text{
      position: relative;
      margin-top: .5rem;
      width:15rem;
      height:1.5rem;
      -webkit-perspective: 30rem;
      .li-text{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:1.5rem;

        transform-origin:center center;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */

        &:first-child{
          animation: topText 3s infinite alternate linear;
        }
        &:last-child{
          animation: bottomText 3s infinite alternate linear;
        }

      }

      @keyframes topText {
        0% {
          transform:rotateX(0deg);
        }
        45% {
          transform:rotateX(0deg);
        }
        55% {
          transform:rotateX(180deg);
        }
        100% {
          transform:rotateX(180deg);
        }
      }

      @keyframes bottomText {
        0% {
          transform:rotateX(-180deg);
        }
        45% {
          transform:rotateX(-180deg);
        }
        55% {
          transform:rotateX(0deg);
        }
        100% {
          transform:rotateX(0deg);
        }
      }
    }
  }
}

//留言模块
#leaving{
  margin:2rem auto 0;
  width:25rem;
  text-align: center;

  .leaving-mes{
    display: inline-block;
    width:18rem;
    padding:.4rem .7rem;
    border:1px solid @cdb;
    border-radius:1.5rem;
    .mes-edit{height:1.7rem;vertical-align: middle;}
    .mes-text{color:@c6;font-size:1rem;margin-left: 1.5rem;}
  }
  .call{
    display: inline-block;
    float:right;
    .wh(3rem,3rem);
    border-radius: 1.5rem;
    background-color:@ba;
    line-height: 3rem;
  }
  a{color:@cf;}
}

//计数模块
#count{
  padding:.7rem 0;
  text-align: center;
  margin-top:2rem;
  border-top: 1px solid @ceb;
  border-bottom: 1px solid @ceb;
  background-color:@cf9;
}

//图片模块列
#latest{
  padding:1rem;

  .latest-update{
    float:left;
  }
  .latest-time{
    float: left;
    color:@c9;
    font-size: 13px;
    margin-left: .5rem;
    padding-top: 0.3rem;
  }
  //图片列表
  .latest-item{
    margin:1rem auto 0;
    .item-box{
      width:23%;
      padding-bottom:23%;
      overflow:hidden;
      background-size:cover;
      background-position:center center;
    }
  }
  .icon-more{color:@cc;font-size:1.5rem;}
}

//首页文章
#main-article{
  text-align: center;
  padding-bottom: 2rem;
  .img-box{
    height:15rem;
  }
  //文章标题
  //文章内容
  .art-text{
    width:85%;
    margin:1rem auto 0;
    line-height: 1.8rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .art-icon{position: relative;}
  //列表列排
  .pos-more{
    position: absolute;
    right: 1rem;
    bottom: .5rem;
    font-size: 1.5rem;
    color:@cc;
    transform: rotate(90deg);
  }
}